<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">

		<title>网页标题</title>
		<meta name="Keywords" content="关键字,关键字">
		<meta name="Description" content="描述">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/main.css">
		
		<script src="js/jquery-1.12.1.min.js"></script>
		<script src="js/main.js"></script>

	</head>
	<body>
		<!--头部开始-->
		<div class="head">
			
			<div class="nav clearfix">
				<!--头部左边导航-开始-->
				<div class="nav-left fl">
					<em class="fl">太平洋网络：</em>
					<a href="" class="first">电脑网</a>
					<a href="">汽车网</a>
					<a href="">游戏网</a>
					<a href="" class="cur">时尚网</a>
					<a href="">亲子网</a>
					<a href="">家居网</a>
				</div>
				<!--头部左边导航-结束-->

				<!--头部右边导航-开始-->
				<div class="nav-right fr">
					<ul>
						<li class="icon">
							<a href="">
								<i></i>
								悦选APP，有温度的时尚精品阅读！
							</a>
						</li>
						<li class="login">
							<a href="javascript:;">登录</a>
							<i class="rot"></i>

							<div class="slidemenu">
								<span></span>
								<div class="slidemenu-con">
									<a href=""><i></i>通行证登录</a>
									<a href=""><i></i>微博登录</a>
									<a href=""><i></i>QQ登录</a>
									<a href=""><i></i>微信登录</a>
								</div>
								
							</div>
						</li>
						<li><a href="">注册</a></li>
						<li class="login">
							<a href="javascript:;">摩登学院</a>
							<i class="rot"></i>

							<div class="slidemenu slidelast">
								<span></span>
								<div class="slidemenu-con">
									<a href="">首页</a>
									<a href="">摩登课程</a>
									<a href="">外貌协会</a>
									<a href="">活动中心</a>
								</div>
								
							</div>
						</li>
					</ul>
				</div>
				<!--头部右边导航-结束-->
			</div>
		</div>
		<!--头部开始-->

		<!-- logo下导航-开始 -->
		<div class="biglogo">
			<!--logo开始-->
			<a href="" class="logo"></a>
			<!--logo结束-->

			<!--logo下顶级导航开始-->
			<div class="top-nav clearfix">
				<div class="nav-list fl">
					<a href="">爱时尚</a>
					<i></i>
					<a href="">要漂亮</a>
					<i></i>
					<a href="">大明星</a>
					<i></i>
					<a href="">乐生活</a>
					<i></i>
					<a href="">医美汇</a>
					<i></i>
					<a href="">有看点</a>
					<i></i>
					<a href="">摩登学院</a>
					<i></i>
				</div>
				
				<div class="search-btn fr">
					<form action="">
						<input type="text" class="text">
						<div class="search-bg">
							<input type="submit" value="" class="search">
						</div>
					</form>
				</div>
			</div>
			<!--logo下导航结束-->

			<!--logo下二级导航开始-->
			<div class="sub-nav">
				<ul>
					<li>
						<a href="">时装</a>
						<i></i>
						<a href="">奢品</a>
						<i></i>
						<a href="">腕表</a>
						<i></i>
						<a href="">图库</a>
						<i></i>
						<a href="">专题</a>
						<i></i>
						<span></span>
					</li>
					<li>
						<a href="">时尚</a>
						<i></i>
						<a href="">美容</a>
						<i></i>
						<a href="">评测</a>
						<i></i>
						<a href="">美发</a>
						<i></i>
						<a href="">试用</a>
						<i></i>
						<a href="">化妆品库</a>
						<span></span>
					</li>
					<li>
						<a href="">乐活</a>
						<i></i>
						<a href="">健康</a>
						<i></i>
						<a href="">瘦身</a>
						<i></i>
						<a href="">情感</a>
						<i></i>
						<a href="">婚嫁</a>
						<i></i>
						<a href="">宠物</a>
						<i></i>
						<a href="">星座</a>
						<i></i>
						<a href="">测试</a>
						<i></i>
						<a href="">百科</a>
						<i></i>
						<a href="">知识库</a>
						<span></span>
					</li>
					<li>
						<a href="">医美首页</a>
						<i></i>
						<a href="">乐分享</a>
						<i></i>
						<a href="">大咖秀</a>
						<i></i>
						<a href="">星机构</a>
						<i></i>
						<a href="">惠美丽</a>
						<i></i>
						<a href="">话医美</a>
						<i></i>
						<a href="">樱桃帮</a>
						<span></span>
					</li>
					<li>
						<a href="">视频首页</a>
						<i></i>
						<a href="">独家原创</a>
						<i></i>
						<a href="">美丽公开课</a>
						<i></i>
						<a href="">美容美体</a>
						<i></i>
						<a href="">时尚秀场</a>
						<i></i>
						<a href="">品牌创意</a>
						<span></span>
					</li>
					<li>
						<a href="">医美首页</a>
						<i></i>
						<a href="">乐分享</a>
						<i></i>
						<a href="">大咖秀</a>
						<i></i>
						<a href="">星机构</a>
						<i></i>
						<a href="">惠美丽</a>
						<i></i>
						<a href="">话医美</a>
						<i></i>
						<a href="">樱桃帮</a>
						<span></span>
					</li>
					<li>
						<a href="">摩登首页</a>
						<i></i>
						<a href="">摩登课堂</a>
						<i></i>
						<a href="">外貌协会</a>
						<i></i>
						<a href="">活动中心</a>
						<i></i>
						<a href="">惠美丽</a>
						<i></i>
						<a href="">话医美</a>
						<i></i>
						<a href="">樱桃帮</a>
						<span></span>
					</li>
				</ul>
			</div>
			<!--logo下二级导航结束-->
		</div>
		<!-- logo下导航-结束 -->
		
		<!-- banner轮播图开始 -->
		<div class="banner">
			<div class="slide">
				
				<!-- 滚动部分 -->
				<div class="slide-wrap">
					<ul>
						<li><a href=""><img src="images/8.jpg" width="" height="" alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马8</span></a></li>
						<li><a href=""><img src="images/1.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马1</span></a></li>
						<li><a href=""><img src="images/2.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马2</span></a></li>
						<li><a href=""><img src="images/3.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马3</span></a></li>
						<li><a href=""><img src="images/4.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马4</span></a></li>
						<li><a href=""><img src="images/5.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马5</span></a></li>
						<li><a href=""><img src="images/6.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马6</span></a></li>
						<li><a href=""><img src="images/7.jpg" width="" height=""  alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马7</span></a></li>
						<li><a href=""><img src="images/8.jpg" width="" height="" alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马8</span></a></li>
						<li><a href=""><img src="images/1.jpg" width="" height="" alt=""><span>360°流川枫附体 看小爷秒掉女票青梅竹马1</span></a></li>
					</ul>
				</div>

				<!-- 按钮部分 -->
				<div class="btn">
					<a href="javascript:;" class="prev"></a>
					<a href="javascript:;" class="next"></a>
				</div>

				<!--底部小按钮-->
				<div class="tab">
					<a href="javascript:;" class="active"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
				</div>
			</div>
		</div>
		<!-- banner轮播图结束 -->

		<!--今日焦点开始-->
		<div class="todayFocus">
			<div class="main">
				<!-- 头部部分开始 -->
				<div class="thead">
					<div class="thead-icon fl"></div>
					<div class="thead-scroll fl">
						<i class="horn fl"></i>
						<div class="scroll-wrap fl">
							<ul>
								<li><a href="">奔跑吧兄弟破5亿</a></li>
								<li><a href="">疑董卿爱子首曝光</a></li>
								<li><a href="">孙俪家霸王花爱美</a></li>
								<li><a href="">靳东演鬼吹灯</a></li>
								<li><a href="">奔跑吧兄弟破5亿</a></li>
								<li><a href="">疑董卿爱子首曝光</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 头部部分结束 -->

				<!-- 内容部分开始 -->
				<div class="tbody">
					<div class="tbody-left fl">
						<!-- 轮播图 -->
						<div class="slide">
				
							<!-- 滚动部分 -->
							<div class="slide-wrap">
								<ul>
									<li><a href=""><img src="images/todayfocus2.jpg" width="" height=""  alt=""><span>不得不备的一件时尚内搭T</span></a></li>
									<li><a href=""><img src="images/todayfocus1.jpg" width="" height=""  alt=""><span>撩汉撩妹的神器都在这儿！</span></a></li>
									<li><a href=""><img src="images/todayfocus2.jpg" width="" height=""  alt=""><span>不得不备的一件时尚内搭T</span></a></li>
									<li><a href=""><img src="images/todayfocus1.jpg" width="" height=""  alt=""><span>撩汉撩妹的神器都在这儿！</span></a></li>
								</ul>
							</div>

							<!-- 按钮部分 -->
							<div class="btn">
								<a href="javascript:;" class="prev"></a>
								<a href="javascript:;" class="next"></a>
							</div>

							<!--底部小按钮-->
							<div class="tab">
								<a href="javascript:;" class="active"></a>
								<a href="javascript:;"></a>
							</div>
						</div>

						<!-- flash -->
						<div class="flash des">
							<embed src="http://player.youku.com/player.php/sid/XNzE0NDY5ODY0/v.swf" allowFullScreen="true" quality="high" width="355" height="200" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
							<a href=""><span>能攻能受女汉子 Angelababy快问快答</span></a>
						</div>
					</div>
					<div class="tbody-center fl">
						<div class="tbody-center-top des">
							<a href="">
								<img src="images/todayfocus3.jpg" width="355" height="260" alt="">
								<span>除了DW 这些千元级腕表同样时髦</span>
							</a>
						</div>
						<div class="tbody-center-bottom des">
							<a href="">
								<img src="images/todayfocus4.jpg" width="355" height="200" alt="">
								<span>跟时装精学穿衣 这样的音乐节才够嗨</span>
							</a>
						</div>
					</div>
					<div class="tbody-right fl">
						<div class="side des">
							<a href=""><img src="images/ad1.jpg" width="" height="" alt=""></a>
						</div>
					</div>
				</div>
				<!-- 内容部分结束 -->
			</div>
		</div>
		<!--今日焦点结束-->

		<div class="modBox">
			<div class="main">
				<div class="slide">
				
					<!-- 滚动部分 -->
					<div class="slide-wrap">
						<ul class="clearfix">
							<li>
								<a href=""><img src="images/modBox4.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox5.jpg" width="260" height="195"alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox6.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox7.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
							</li>
							<li>
								<a href=""><img src="images/modBox1.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox2.jpg" width="260" height="195"alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox3.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox4.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
							</li>
							<li>
								<a href=""><img src="images/modBox5.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox6.jpg" width="260" height="195"alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox7.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox8.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
							</li>
							<li>
								<a href=""><img src="images/modBox1.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox2.jpg" width="260" height="195"alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox3.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
								<a href=""><img src="images/modBox4.jpg" width="260" height="195" alt=""><span>五一装逼指南 3招学透日模的时髦背影照</span></a>
							</li>
						</ul>
					</div>

					<!-- 按钮部分 -->
					<div class="btn">
						<a href="javascript:;" class="prev"></a>
						<a href="javascript:;" class="next"></a>
					</div>

					<!--底部小按钮-->
					<div class="tab">
						<a href="javascript:;" class="active"></a>
						<a href="javascript:;"></a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
